iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 12
1
自我挑戰組

網頁學習雜記系列 第 12

Day 12 | 我的 HTML 筆記

  • 分享至 

  • xImage
  •  

分享一下之前看金魚系列時整理的筆記,
附上金魚原本的連結:
金魚都能懂的網頁設計入門:再談HTML

Html 標籤

  • 主標題:h1
  • 副標題:h2
  • 小標題:h3
    h4 - h6 因爲等級太低,不常用到,還是可以使用)
  • 內文:p
  • 粗體:strong
  • 斜體:em
    (粗體斜體以前會分別以 bi 表示,但只是描述視覺,strong 以及 em 則是描述強調這件事情,在搜尋引擎中,語意較為恰當)
  • 無序清單:ul > li
  • 有序清單:ol > li
  • 導覽列:nav
  • 連結:a
    • href:指定這個連結要去的網址
  • 圖片:img(沒有 closing tag)
    • src:圖片網址
    • alt:圖片顯示不出來時的替代文字
  • Html5 新增圖片標籤:figure
    • img
    • figcaption:與圖片有關描述
  • 表格 : table
  • 表格橫列:tr
  • 表格內資料:td
<table>
 <tr>
  <td>data</td> 
  <td>data</td> 
  <td>data</td> 
 </tr>
 <tr>
  <td>data</td> 
  <td>data</td> 
  <td>data</td>
 </tr>
</table>

html 中註解

<!-- 這些字不會顯示在網頁上面 -->

路徑

  • 絕對路徑:絕對路徑指的是這個檔案在本機端或是網路上的絕對位置
  • 相對路徑:相對路徑指的是相對於這個檔案的位置

今天就先到這裡啦~
我們明天見


上一篇
Day 11 | 我的心路歷程 - Part 3
下一篇
Day 13 | 我的 CSS 學習筆記
系列文
網頁學習雜記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言